<template>
  <div id="app">
    <router-view v-if="isRouterAlive"></router-view>
  </div>
</template>

<script>
export default {
  name: "app",
  provide (){
     return {
       reload:this.reload
     }
  },
  data(){
    return {
       isRouterAlive:true
    }
  },
   methods:{
    reload (){
       this.isRouterAlive = false
       this.$nextTick(function(){
          this.isRouterAlive = true
       })
    }
  },
};
</script>

<style lang="scss">
html,body{height:100%}
body{
	overflow:-Scroll;overflow-x:hidden;
	overflow-y:hidden;
}
#app {
  font-family: "Avenir", Helvetica, Arial, sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #2c3e50;
  background-color: #f8f8f8;
}
.linespace{
			background-color: #f4f4f4;
		}
		page{
			background-color: #f4f4f4;
		}
		.fwrap {
			flex-wrap: wrap;
		}
	
		.b {
			font-weight: bold;
		}
	
		.cfff {
			color: #fff;
		}
	
		.bgfff {
			background-color: #fff;
		}
	
		@for $i from 1 through 6 {
			.ml#{$i*5} {
				margin-left: (5upx * $i);
			}
		}
	
		@for $i from 1 through 101 {
			.wvw#{$i} {
				width: (1vw * $i);
			}
		}
	
		@for $i from 1 through 20 {
			.mlvw#{$i} {
				margin-left: (1vw * $i);
			}
		}
	
		@for $i from 1 through 4 {
			.le#{$i} {
				letter-spacing: (1upx * $i);
			}
		}
	
		
		@for $i from 1 through 10 {
			.pt#{$i*5} {
				padding-top: (5upx * $i);
			}
		}
		@for $i from 1 through 10 {
			.pb#{$i*5} {
				padding-bottom: (5upx * $i);
			}
		}
	
		@for $i from 1 through 10 {
			.pl#{$i*5} {
				padding-left: (5upx * $i);
			}
		}
	
		
		@for $i from 1 through 8 {
			.mt#{$i*5} {
				margin-top: (5upx * $i);
			}
		}
	
		@for $i from 1 through 8 {
			.l#{$i*5} {
				left: (5upx * $i);
			}
		}
	
		@for $i from 1 through 8 {
			.r#{$i*5} {
				right: (5upx * $i);
			}
		}
	
		.col {
			display: flex;
			flex-direction: column;
		}
	
		.acen {
			align-items: center;
		}
	
		.jcen {
			justify-content: center;
		}
	
		.row {
			display: flex;
			flex-direction: row;
		}
	
		.abs {
			position: absolute;
		}
		@for $i from 6 through 14 {
				.lh#{$i*10} {
					line-height: (10upx * $i);
				}
			}
		@for $i from 24 through 120 {
				.f#{$i*1} {
					font-size: (1upx * $i);
				}
			}
			@for $i from 60 through 120 {
				.h#{$i*1} {
					height: (1upx * $i);
				}
			}
</style>
